<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人微圈</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css"/>
    <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
    <script src="/ztree/js/jquery.ztree.all.min.js"></script>
    <link rel="stylesheet" href="/css/microCircle/myMicroCircle.css"/>
</head>
<body style="padding:0px 20px;">
<div class="layui-row">
    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
        <div class="layui-card headerCenter">
            <div class="layui-card-header backColor">
                个人微圈
                <div class="btnRight" style="margin-bottom: 10px">
                    <button onclick="refresh()" type="button" class="layui-btn layui-btn layui-btn-sm">
                        <i class="layui-icon layui-icon-refresh-1"></i>
                        刷新
                    </button>
                    <button onclick="backOff()" type="button" class="layui-btn layui-btn layui-btn-sm">
                        <i class="layui-icon layui-icon-return"></i>
                        返回
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<!--筛选查询-->
<div class="layui-row">
    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
        <div class="layui-card headerCenter">
            <div class="layui-card-header backColor">
                筛选查询
            </div>
            <div class="layui-card-body">
                <form lay-filter="formTest" class="layui-form" >
                    <div class="layui-form-item" style="margin-bottom: -1px;">
                        <div class="floa">
                            <label class="layui-form-label fontsize" style="margin-right: 20px;">输入文章名称：</label>
                            <div class="layui-input-inline" style="margin-right: -30px; padding-right: -30px">
                                <input type="text" name="artcleTitle" required lay-verify="required" placeholder="请输入文章名称关键词" onfocus="this.placeholder=''" onblur="this.placeholder='请输入文章名称关键词'" autocomplete="off" class="layui-input inp">
                            </div>
                        </div>
                        <label class="layui-form-label fontsize">文章时间：</label>
                        <div class="layui-input-inline">
                            <input type="text" name="createDate" required lay-verify="required" placeholder="请输入文章时间" onfocus="this.placeholder=''" onblur="this.placeholder='请输入文章时间'" autocomplete="off" class="layui-input inp">
                        </div>

                        <span style="float:right;margin: 5px 5px;">
                            <button onclick="search()" id="selMicroCircle" type="button" class="layui-btn layui-btn layui-btn-sm">
                                <i class="layui-icon layui-icon-search"></i> 搜索
                            </button>
                            <button id="reset" type="reset" class="layui-btn layui-btn-warm layui-btn layui-btn-sm">
                                <i class="layui-icon layui-icon-refresh-1"></i> 重置
                            </button>
                        </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--商品列表-->
<div class="layui-row">
    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
        <div class="headerCenter">
            <!--微圈列表-->
            <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
                <table id="demo" lay-filter="test"></table>
            </div>
            <div class="layui-upload-drag" id="test10" style="display:none;width:280px;height:150px; text-align:center;">
                <br/><br/>
                <i class="layui-icon"></i>
                <p>点击上传，或将文件拖拽到此处</p>
            </div>
        </div>
    </div>
</div>
<input type="text" id="proId" style="display: none"/>
<script src="/js/microCircle/myMicroCircle.js"></script>
</body>
</html>